<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>百度一下，你就知道</title>
		<!-- 内部样式表 -->
		<style type="text/css">
			/*--顶部导航栏-CSS*/
			.header{
				padding: 10px;
			}
			.header_left{
				float: left;
			}
			.header_left a {
				text-decoration: none;
				color: black;
				float-size: 14px;
				margin-right: 25px;
			}
			.header_left a:hover
			.header_right a:hover{
				color: #4662d9;
			}
			.header_right {
				float: right;
			}
			.header_right a{
				text-decoration: none;
				color: black;
				float-size: 14px;
				margin-right: 25px;
			}
			
			#a_login{
				color: white;
				background-color: #4662d9;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 10px;
				padding-right: 10px;
				border-radius: 5px;
			}
			/*中间主体内容-CSS*/
			
			/*底部页脚-CSS*/
			.footer{
				float:left;
				margin-left: 40px;
				position: fixed;
				bottom: 10px;
			}
			.footer ul{
				list-style-type: none;
				margin: 0px;
				padding: 0px;
			}
			.footer li{
				display: inline-block;
				font-size: 12px;
				color: dimgray;
				margin-right: 5px;
			}
			.div_img{
				position: fixed;
				right: 40px;
				bottom: 60px;
			}
			.img_bottom_right{
				display: block;
				margin-top: 30px;
			}
		</style>
	</head>
	<body>
		<!--顶部导航栏-->
		<div class="header">
			<!--左侧导航-->
			<div class="header_left">	
				<a href="#" target="_blank">新闻</a>
				<a href="#" target="_blank">hao123</a>
				<a href="#" target="_blank">地图</a>
				<a href="#" target="_blank">贴吧</a>
				<a href="#" target="_blank">视频</a>
				<a href="#" target="_blank">图片</a>
				<a href="#" target="_blank">网盘</a>
				<a href="#" target="_blank">文库</a>
				<a href="#" target="_blank">AI助手</a>
				<a href="#" target="_blank">更多</a>
			</div>
			<!-- 右侧导航 -->
			<div class="header_right">
				<a href="#" target="_blank">设置</a>
				<a id="#"a_login" href="#"target">登录</a>
			</div>
		</div>
		<!--中间主体内容-->
		<div class="container">
			<!--logo图片-->
			<div>
				<img scr="img/baidu_logo.png"title="点击一下,了解更多"alt="百度知道"/>
			</div>
			<!--搜索框-->
			<div>
				<form>
					<input type="text" name="search"/>
					<input type="submit" value="百度一下">
				</form>
			</div>
			<!--热搜 搜一搜-->
			<div>
				<a href="#" target="_blank">
					百度热搜 &gt;
				</a>
			</div>
			<!--热搜文章列表-->
			<div>
				<ul>
					<li>
						<a href="#" target="_blank">延续历史文脉，请写当代华章</a>
					</li>
				</uL>
				<ol>
					<li>
						<a href="#" target="_blank">爸妈出去旅行回来背上10年房贷</a>
					</li>
					<li>
						<a href="#" target="_blank">涨价近三年！今年第一次买就惊呆了</a>
					</li>
					<li>
						<a href="#" target="_blank">探寻“人"字的演变历程</a>
					</li>
					<li>
						<a href="#" target="_blank">曝哪吒汽车将更名为创始人名字</a>
					</li>
				</ol>
			</div>
			<!--右侧-->
			<div>
				<ol>
					<li>
						<a href="#" target="_blank">44岁张柏芝素颜生图曝光</a>
					</li>
					<li>
						<a href="#" target="_blank">深圳住宅燃气爆炸背后的秘密</a>
					</li>
					<li>
						<a href="#" target="_blank">北京一男子约会3名女子，被灌醉转走17万！警方披露 </a>
					</li>
					<li>
						<a href="#" target="_blank">国防部：福建舰下步将逐步展开后续试验项目</a>
					</li>
				</ol>
			</div>
			<!--底部页脚-->
			<div class="footer">
				<ul>
					<li>
						<a href="#" target="_blank">关于百度</a>
					</li>
					<li>
						<a href="#" target="_blank">About Baidu</a>
					</li>
					<li>
						<a href="#" target="_blank">使用百度必读</a>
					</li>
					<li>
						<a href="#" target="_blank">帮助中心</a>
					</li>
					<li>
						<a href="#" target="_blank">企业推广</a>
					</li>
					<li>
						<a href="#" target="_blank">京公网安备110000200001</a>
					</li>
					<li>
						<a href="#" target="_blank">京ICP证030173号</a>
					</li>
					<li>
						互联网新闻信息服务许可证112018008
					</li>
					<li>
						网路文化经营许可证：京网文{2023} 1023-029号
					</li>
					<li>
						<a href="#" target="_blank">信息服务许可证112018008</a>
					</li>
				</uL>
			</div>
		</div>
		<div class="div_img">
			<a href="#" target="_blank">
				<img src="img/help_app.png">
			</a>
			<a href="#" target="_blank">
				<img src="img/baidu_app.png">
			</a>
		</div>
	</body>
</html>